.pension-wrapper{
  width: 1190px;
  .m-pension {
    margin-top: 40px;
    background-color: #f2be47;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    dl {
      height: 44px;
      line-height: 44px;
      display: flex;
      margin-left: 20px;
      color: #f1f1f1;
      dt{
        font-size: 20px;
        font-weight: 700;
        margin-right: 10px;
      }
      dd{
        position: relative;
        top: 3px;
        margin-left: 8px;
        font-weight: 500;
        font-size: 16px;
        display: block;
        &:after{
          content: '';
          box-sizing: border-box;
          border: 8px solid white;
          border-top:none;
          border-left-color: transparent;
          border-right-color: transparent;
          position: absolute;
          bottom: 1px;
          right: 4px;
          display: none;
        }
        &:hover{
          font-size: 18px;
          &:after{
            display: block;
            right:8px;
          }
        }
      }
    }
  }
  .p-detail{

    height: 500px;
    background-color: #fff;
    li{
      list-style: none;
    }
    .p-body{
      padding:10px;
      display: flex;
      li{
        flex: 1;
        &:not(:first-child){
          margin-left:10px;
        }
        img{
          width:100%;
        }
        .title{
          font-size: 16px;
          width: 300px;
          height:30px;
          line-height: 30px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-left: 10px;
        }
        .price{
          margin: 10px;
          font-size: 22px;
          color: red;
        }

      }
    }

  }
}
